<template>
    <div  class="pictures">
        <ImageItem v-for="(item,index) in imags" :key="index" :item='item' @click.native="showBigImg(item)"/>
    </div>
</template>

<script>
import ImageItem from '../components/ImageItem';
import { mapState } from 'vuex';
    export default {
        name:'Pictures',
        data() {
            return {
               
            }
        },
        computed:{
            ...mapState(['imags'])
        },
        methods:{
            showBigImg:function(dataImage){
               console.log(dataImage)
            }
        },
        components:{
            ImageItem
        }
    }
</script>

<style scoped lang='scss'>
    .pictures{
     width: 90%;
     padding: 10px;
     /* height: 100%; */
     /* background: #ffffff; */
     margin: auto;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     /* justify-content: center; */
    }
</style>